<template>
	<!-- 数据列表 -->
	<view class="warp">
		<view class="goods-back" style="padding-top: 16rpx;">
			<view class="goods-item" v-for="(item, index) in siteList" :key="index">
				<view class="item-box">
					<uni-row>
						<uni-col :span="24">
							<view class="item-type" style="margin-left: 8px;">
								<text class="item-dian">●</text>
								{{ item.site_name }}
							</view>
						</uni-col>
					</uni-row>
					<view class="goods-item" v-if="item.childlist.length > 0" v-for="(citem1, index1) in item.childlist"
						:key="index1">
						<uni-row>
							<uni-col :span="24">
								<view class="item-type" style="margin-left: 24px;">
									<text class="item-dian">●</text>
									{{ citem1.site_name }}
								</view>
							</uni-col>
						</uni-row>
						<view class="goods-item" v-if="citem1.childlist.length > 0"
							v-for="(citem2, index2) in citem1.childlist" :key="index2">
							<uni-row>
								<uni-col :span="24">
									<view class="item-type" style="margin-left: 40px;">
										<text class="item-dian">●</text>
										{{ citem2.site_name }}
									</view>
								</uni-col>
							</uni-row>
							<view class="goods-item" v-if="citem2.childlist.length > 0"
								v-for="(citem3, index3) in citem2.childlist" :key="index3">
								<uni-row>
									<uni-col :span="24">
										<view class="item-type" style="margin-left: 56px;">
											<text class="item-dian">●</text>
											{{ citem3.site_name }}
										</view>
									</uni-col>
								</uni-row>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
	import listitem from './my-site-list.js';
	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js';
	import MescrollMoreItemMixin from '@/components/mescroll-uni/mixins/mescroll-more-item.js';

	export default {
		mixins: [MescrollMixin, MescrollMoreItemMixin, listitem], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
		data() {
			return {

			};
		},
		methods: {

		}
	};
</script>

<style lang="scss">
	@import './my-site-list.scss';
</style>